{{!
# Copyright (C) 2013 - present Instructure, Inc.
#
# This file is part of Canvas.
#
# Canvas is free software: you can redistribute it and/or modify it under
# the terms of the GNU Affero General Public License as published by the Free
# Software Foundation, version 3 of the License.
#
# Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
# WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
# A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
# details.
#
# You should have received a copy of the GNU Affero General Public License along
# with this program. If not, see <http://www.gnu.org/licenses/>.
}}

<h1 class="screenreader-only">{{#t}}Conversations{{/t}}</h1>

<div class="conversations">
  <header class="panel">
    <div class="panel__primary">
      <div class="filters">
      </div>
     </div>
      <div class="panel__secondary">

      <div class="actions" id="conversation-actions">
	<a href="/conversations?compose=1&id=new">
        <button class="btn"
                id="compose-btn"
                title="{{#t}}Compose a new message{{/t}}"
                data-tooltip>
          <i class="icon-compose icon-Line"></i>Compose
        </button>
	</a>

        <div class="btn-group">
          <button class="btn"
                  id="reply-btn"
                  title="{{#t}}Reply{{/t}}"
                  {{button-state}}>
            <i class="icon-reply-2"></i>Reply
          </button>
          <button class="btn"
                  id="delete-btn"
                  title="{{#t}}Delete{{/t}}"
                  {{button-state}}>
            <i class="icon-trash"></i>Delete
          </button>
 
        </div>
      </div>

    </div>
  </header>

  <div class="row-fluid messaging-wrapper">
    <div class="span4 message-list-scroller">
      <div class="message-list">
	{{> views/jst/conversations/messageList}}
      </div>
    </div>
    <div class="span8 message-detail">
	{{> views/jst/conversations/messageDetail}}
    </div>
  </div>
</div>
